<template>
	<view class="u-flex">
		<up-image :src="good.logo" width="95"
		 height="95" radius="4"  :fade="false" >
			<template #error>
				 <up-image :src="ee.wxapp.photoface" width="95"
				 height="95" radius="4" ></up-image>						 
			</template> 
		</up-image>
		
		<view class="title-info u-flex u-flex-column u-flex-between u-margin-left-20 u-flex-grow">
			<view class="title u-flex u-flex-between">
				<view class="u-flex-grow">
					 <navigator :url="'/pages/mall/show?id='+good.id">
					<view class="u-line-2">
						<text class="font-size15 font-weight">{{ good.title }}</text>
					</view>	
					<view class="">
						<text class="font-size11 color-gray">{{good.sub_title}}</text>
					</view>	
						</navigator>
				</view>
				<view class="price color-red font-weight">
					
					<view v-if="(good.min_price )" key="price1">
						<text class="font-size11">¥</text>
						<text class="font-size16">{{ good.min_price }}</text>
						<text class="font-size10">起</text>
					</view>
					<view v-else-if="(good.price)"  key="price2">
						<text class="font-size11">¥</text>
						<text class="font-size16">{{ good.price }}</text>
						<text class="font-size10"></text>
					</view>
					<view v-else key="price3">
						<text class="font-size10">无票</text>
					</view>
					
				</view>			
									
			</view>
			<view class="title-btn u-flex u-flex-between">
				<view class="buy-num">
					<text class="font-size11">{{good.virtual_sales}}人付款</text>
				</view>
				<view class="buy-go">
					 <navigator :url="'/pages/mall/show?id='+good.id">
						<view class=" buy-go-btn "
						:style="{backgroundColor:ee.bgColor.weight}">
							<text class="font-size12">立即购票</text>
						</view>
					</navigator>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script setup>
	import {
		ref,
		reactive,
		onMounted,
		onActivated,
		watchEffect,
		watch,
		provide,
		nextTick,
		computed
	} from 'vue';
	
 
	const props = defineProps( {
		good :{
			type:  [Array, Object]
		}
	})
 
 
</script>

<style lang="scss">
  
	.price{
		min-width: 40px;
		text-align: right;
	}

		
	.buy-go-btn{
		border-radius: 50px;
		 padding-left: 15px;
		 padding-right: 15px;
		 height: 26px;
		 line-height: 26px;
		color: #fff;
		font-weight: bold;
		
	}
	 
</style>